Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
File Manager
/
javascript
/
Analog-Clock-jsRapClock
:
jsRapClock.css
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
.rapClock{ background:radial-gradient(#fff 10%,#ccc 62%,#000 65%,#a00 70%,black 100%); cursor:pointer; font-family:'Comic Sans MS',cursive,sans-serif; position:relative; border-radius:50%; box-shadow:inset -2px -2px 4px rgba(0,0,0,8),inset 2px 2px 4px rgba(255,255,255,8),2px 2px 4px rgba(0,0,0,8),0px 0px 4px black; text-align:center; text-shadow:0 0 2px #fff; -webkit-user-select:none; -moz-user-select:none; } .rapClockCaption{ padding-top:25%; } .rapClockHours{ top:50%; left:50%; width:2%; height:8%; position:absolute; background-color:#000; } .rapClockNumbers{ top:50%; left:50%; position:absolute; } .rapClockHands{ top:50%; left:50%; position:absolute; border-radius:50% 50% 50% 50% / 90% 90% 10% 10%; } .rapClockS{ width:2%; height:46%; z-index:3; background-color:#a00; } .rapClockM{ width:3%; height:34%; z-index: 2; background-color:#222; } .rapClockH{ width:5%; height:25%; z-index:1; background-color:#222; }